<?php include('header.php');?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Send POST Request</title>
    <script src="/ai-post/js/jquery.min.js"></script>
    <script>
	$(document).ready(function(){
		$("#getCate").click(function(){
			var my_url = $('#url').val();
			var my_key = $('#key').val();
			var postData = {
				'my_url': my_url,
				'Token': my_key,
				'Methods': 'getCategory',
			};

			$.ajax({
				url: my_url+'/e/extend/aiPostPublish/index.php', // This is the url that will be proxied to ccc.com/api/mypost.php
				//url: '/api/ccc.com/mypost.php', // This is the url that will be proxied to ccc.com/api/mypost.php
				type: 'POST',
				data: JSON.stringify(postData),
				contentType: "application/json",
				success: function(response) {
					// Handle success
					console.log(response);
					$("#result").html(response);
				},
				error: function(xhr, status, error) {
					// Handle error
					console.error(error);
					$("#result").text("Error: " + error);
				}
			});
		});
		
		
		
		
		// 保存按钮点击事件
		$('#saveCate').click(function() {
			var items = [];
			// 获取所有被选中的复选框
			$('input[name="items"]').each(function() {
				items.push({
					'c_url': $('#url').val(),
					'c_cateid': $(this).val(), // 获取复选框的值
					'c_catename': $(this).next('label').text(),
					'c_active': $(this).is(':checked') ? 1 : 0 ,// 标记为选中
					'c_token': $('#key').val(),					
				});
			});
		
			// 将结果post到另一个PHP文件进行保存
			$.ajax({
				type: 'POST',
				url: '../dal/save.php',
				data: { 'items': JSON.stringify(items) }, // 发送数据到服务器
				success: function(response) {
					// 将服务器返回的结果显示在response-container div中
					$('#response-container').text(response);
					alert('保存成功！');
				},
				error: function(xhr, status, error) {
					// 在出错时也给出提示
					alert('保存失败！');
				}
			});
		});
		
		
		
	});	
    </script>




</head>
<body>


	<div class="webinfo">
        网址：<input type="text" id="url" value="" placeholder="https://或者http://,结尾不加/">
        密钥：<input type="text" id="key" value="">
        <button id="getCate">同步栏目</button>
        <button id="saveCate">保存</button>
        
        <div id="result"></div>
        <div id="result_cate"></div>
        <div id="response-container"></div>
    </div>
    	<div class="weblist">
    	<?php include('../dal/weblist.php');?>
    </div>
</body>
<script>
  // 获取所有加载按钮
  var loadButtons = document.querySelectorAll('button[id^="load_"]');

  // 为每个加载按钮添加点击事件
  loadButtons.forEach(function(button) {
    button.addEventListener('click', function() {
      // 获取按钮的编号
      var num = button.id.split('_')[1];

      // 获取对应的site和token的值
      var siteValue = document.getElementById('site_' + num).value;
      var tokenValue = document.getElementById('token_' + num).value;

      // 将这些值赋给url和key输入框
      document.getElementById('url').value = siteValue;
      document.getElementById('key').value = tokenValue;

      // 定义要发送的数据
      var postURL = {
        site: siteValue,
        token: tokenValue
      };

      // 执行AJAX请求
      $.ajax({
        url: '../dal/showcate.php',
        type: 'POST',
        data: { 'postURL': JSON.stringify(postURL) }, // 发送数据到服务器
        success: function(response) {
          // 处理成功的响应
          console.log(response);
          $("#result").html(response);
        },
        error: function(xhr, status, error) {
          // 处理错误
          console.error(error);
          $("#result").text("Error: " + error);
        }
      });
    });
  });
</script>

</html>